<!DOCTYPE html>
<HTML>
<HEAD>
	<TITLE> ZTREE DEMO - beforeClick / onClick</TITLE>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	
	<!-- <link href="css/plugins/ztree/zTreeStyle.css" rel="stylesheet">
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/plugins/ztree/jquery.ztree.core.js"></script>
	<script src="js/plugins/ztree/jquery.ztree.excheck.js"></script>
	<script src="js/plugins/ztree/jquery.ztree.exedit.js"></script>
	<script src="js/autotest.js" type="text/javascript" charset="utf-8"></script> -->
	
			<!-- Header Start -->
	<!-- JS -->
	<!-- Mainly scripts -->
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/plugins/jasny/jasny-bootstrap.min.js"></script><!-- Jasny -->
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<!-- Flot -->
	<script src="js/plugins/flot/jquery.flot.js"></script>
	<script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script>
	<script src="js/plugins/flot/jquery.flot.spline.js"></script>
	<script src="js/plugins/flot/jquery.flot.resize.js"></script>
	<script src="js/plugins/flot/jquery.flot.pie.js"></script>
	<!-- Peity -->
	<script src="js/plugins/peity/jquery.peity.min.js"></script>
	<script src="js/demo/peity-demo.js"></script>
	<!-- Custom and plugin javascript -->
	<script src="js/inspinia.js"></script>
	<script src="js/plugins/pace/pace.min.js"></script>
	<!-- jQuery UI -->
	<script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
	<!-- GITTER -->
	<script src="js/plugins/gritter/jquery.gritter.min.js"></script>
	<!-- Sparkline -->
	<script src="js/plugins/sparkline/jquery.sparkline.min.js"></script>
	<!-- Sparkline demo data  -->
	<script src="js/demo/sparkline-demo.js"></script>
	<!-- ChartJS-->
	<script src="js/plugins/chartJs/Chart.min.js"></script>
	<!-- Toastr -->
	<script src="js/plugins/toastr/toastr.min.js"></script>
	<!-- Sweet alert -->
	<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
	<script src="js/plugins/dataTables/datatables.min.js"></script>
	<script src="js/plugins/dataTables/dataTables.bootstrap4.min.js"></script>
	<!-- Chosen -->
	<script src="js/plugins/chosen/chosen.jquery.js"></script>
	<!-- DROPZONE -->
	<script src="js/plugins/dropzone/dropzone.js"></script>
	<!-- zTree -->
	<script src="js/plugins/ztree/jquery.ztree.core.js"></script>
	<script src="js/plugins/ztree/jquery.ztree.excheck.js"></script>
	<script src="js/plugins/ztree/jquery.ztree.exedit.js"></script>
	<!-- 主题 -->
	<script src="js/theme.js" type="text/javascript" charset="utf-8"></script>
	<!-- 自定义的js -->
	<script src="js/autotest.js" type="text/javascript" charset="utf-8"></script>
	
	<!-- CSS -->
	<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
	<link href="css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/plugins/dropzone/basic.css" rel="stylesheet">
	<link href="css/plugins/dropzone/dropzone.css" rel="stylesheet">
	<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
	<link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
	<link href="js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
	<link href="css/animate.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
	<link href="css/plugins/dataTables/datatables.min.css" rel="stylesheet">
	<link href="css/plugins/chosen/bootstrap-chosen.css" rel="stylesheet">
	<link href="css/plugins/ztree/zTreeStyle.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/autotest.css" />
	<!-- Header End -->
</HEAD>

<BODY>
<h1>单击节点控制</h1>
<h6>[ 文件路径: core/click.html ]</h6>
<div class="content_wrap">
						<div class="row col-md-12">
		<!-- 左 -->
		<div id="pageleft" class="pageleft">
			<ul id="caseztree" class="ztree"></ul>
		</div>
		<!-- 中 -->
		<div id="pageseparator" style="width: 2px; background: #cccccc; cursor: e-resize; float: left;"></div>
		<!-- 右 -->
		<div id="pageright" class="pageright">
			222
		</div>
	</div>
	
	<script type="text/javascript">
		$(function() {	
			initZtree();
		});
	</script>
</div>
</BODY>
</HTML>